$(function () {
    var shopid = 0;
    var areaid = 0;

    // 京东商铺
    $(".top-nav .nav-left").on("tap", ".left-jd", function () {
        $.ajax({
            url: "http://193.112.55.79:9090/api/getgsshop",
            type: "get",
            dataType: "json",
            success: function (res) {
                console.log(res);
                // 获取数组的长度
                var data = res.result;
                // console.log(data.length);
                for (var i = 0; i < data.length; i++) {
                    $(".jd-shop").append("<li data-shopId=" + data[i].shopId + ">" + data[i].shopName + "</li>");
                }
                // 点击生成的li标签重新发送ajax
                $(".jd-shop").on("tap", "li", function () {
                    // console.log(this.dataset);
                    shopid = this.dataset.shopid;
                    // console.log(shopid);
                    // 获取当前li标签中的值并赋值给left-jd span
                    $(".left-jd span").text( $(this).text());
                    $(".jd-shop li").hide();
                    productList();

                })
            }
        })




    })

    // 区域
    $(".top-nav .nav-left").on("tap", ".left-hb", function () {
        $.ajax({
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            type: "get",
            dataType: "json",
            success: function (res) {
                console.log(res);
                // 获取数组的长度
                var data = res.result;
                for (var i = 0; i < data.length; i++) {
                    $(".hb-area").append("<li data-areaId=" + data[i].areaId + ">" + data[i].areaName + "</li>");
                }
                // 点击生成的li标签重新发送ajax
                $(".hb-area").on("tap", "li", function () {
                    areaid = this.dataset.areaid;
                    // 获取当前li标签中的值并赋值给left-hb span
                    var text = ($(this).text()).split("（")[0];
                    // console.log(text);
                    $(".left-hb span").text(text);
                    $(".hb-area li").hide();
                    productList();

                })
            }
        })
        // 点击按钮动态生成ul标签和li标签



    })
    productList();

    // 商品列表
    function productList() {
        $.ajax({
            url: "http://193.112.55.79:9090/api/getgsproduct?" + shopid + "&" + areaid,
            type: "get",
            dataType: "json",
            data: {
                shopid: shopid,
                areaid: areaid
            },
            success: function (res) {
                console.log(res);  
                // 渲染页面
                var htmlStr = template("productListTmp", {
                    data: res.result
                });
                $(".productList ul").html(htmlStr);
            }
        })

    }

})